<!DOCTYPE html>
<html class="x-admin-sm">

<head>
  <meta charset="UTF-8">
  <title></title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport"
    content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
  <link rel="stylesheet" href="./css/font-awesome.css">
  <script src="./js/jquery.min.js"></script>
  <link rel="stylesheet" href="./css/xadmin.css">
  <script src="./lib/layui/layui.js" charset="utf-8"></script>
  <script type="text/javascript" src="./js/xadmin.js"></script>
  <link rel="stylesheet" href="./１/tags.css">
  <script src="./lib/layui/lay/modules/layer.js"></script>
  <script src="./lib/layui/layui.all.js"></script>
  <link rel="stylesheet" href="./css/font_3735766_860obctcnbp/iconfont.css">
  <!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
</head>

<body>
  <div class="x-nav">
    <span class="layui-breadcrumb">
      <a href="">首页</a>
      <a href="">演示</a>
      <a>
        <cite>导航元素</cite></a>
    </span>
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
      onclick="location.reload()" title="刷新">
      <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
  </div>

  <div class="ys ">

    <div class="layui-fluid">
      <div class="layui-row layui-col-space15">
        <!-- 搜索框 -->
        <div class="ss">
          <h2>分类名称</h2>
          <input type="text" name="title" required lay-verify="required" placeholder="请输入分类名称" autocomplete="off"
            class="layui-input">

          <button class="layui-btn layui-btn-normal ssk"> 搜索</button>
          <button class="layui-btn layui-btn-primary skk"> 重置</button>
        </div>

        <!-- 头部各种按钮区域 -->
        <div class="zs">
          <div class="left"> <button class="layui-btn layui-btn-normal zj">新增</button>
            <button class="layui-btn layui-btn-normal dc">导出</button>
          </div>

          <div class="right">
            <div class="one"></div>
            <div class="two"></div>
            <div class="three"></div>
          </div>
        </div>





      </div>
    </div>

    <!-- 渲染表格区域 -->
    <div class="banner">
      <!-- 表格 -->
      <div class="bg">
        <!-- 第一排 分类说明 -->
        <div class="sm">
          <div class="b_one">#</div>
          <div class="b_two">分类id</div>
          <div class="b_three">分类名称</div>

          <div class="b_six">操作</div>
        </div>
        <!-- 表格 渲染数据 的地方 -->
        <div class="xr_max">
          <div class="xr">
            <div class="xr_one">1</div>
            <div class="xr_id">2</div>
            <div class="xr_fl">3</div>
            <div class="xr_tb">4</div>
            <div class="xr_qz">5</div>
            <div class="xr_cz">
              <div class="xr_left">
                <i class="iconfont icon-bianjisekuai"></i>

              </div>
              <div class="xr_right">
                <a class="iconfont icon-lajitong"></a>

              </div>

            </div>

          </div>
          <div class="xr">
            <div class="xr_one">1</div>
            <div class="xr_id">2</div>
            <div class="xr_fl">3</div>
            <div class="xr_tb">4</div>
            <div class="xr_qz">5</div>
            <div class="xr_cz">
              <div class="xr_left"></div>
              <div class="xr_right"></div>
            </div>
          </div>
          <div class="xr">
            <div class="xr_one">1</div>
            <div class="xr_id">2</div>
            <div class="xr_fl">3</div>
            <div class="xr_tb">4</div>
            <div class="xr_qz">5</div>
            <div class="xr_cz">
              <div class="xr_left"></div>
              <div class="xr_right"></div>
            </div>
          </div>

        </div>



      </div>

    </div>

    <!-- 表格底部 -->
    <!-- <div class="db">
      <div class="ye">
        <select id="" class="xl">
          <option value="">123</option>
          <option value="">123</option>
          <option value="">123</option>

        </select>
      </div>
 -->


    <!-- 
      <button type="button" class="layui-btn layui-btn-sm layui-btn-primary">
        <i class="layui-icon layui-icon-left"></i>
      </button>
      <button class="sz"></button>
      <button type="button" class="layui-btn layui-btn-sm layui-btn-primary">
        <i class="layui-icon layui-icon-right"></i>
      </button> -->
    <!-- <div class="ye">共7页</div> -->

    <!-- <div id="test11">
      <div class="layui-box layui-laypage layui-laypage-default" id="layui-laypage-1"><span
          class="layui-laypage-count">共 7 条</span><span class="layui-laypage-limits"><select lay-ignore="">
            <option value="2">2 条/页</option>
            <option value="3">3 条/页</option>
            <option value="4">4 条/页</option>
            <option value="5">5 条/页</option>
          </select></span><a href="javascript:;" class="layui-laypage-prev layui-disabled" data-page="0">上一页</a><span
          class="layui-laypage-curr"><em class="layui-laypage-em"></em><em>1</em></span><a href="javascript:;"
          class="layui-laypage-next layui-disabled" data-page="2">下一页</a><span class="layui-laypage-skip">到第<input
            type="text" min="1" value="1" class="layui-input">页<button type="button"
            class="layui-laypage-btn">确定</button></span></div>
    </div> -->

    <div id="pageBox">
      123
    </div>
  </div>

  </div>




  <script>
    $('.zj').on('click', function (e) {
      // * /
      layer.open({
        type: 1,
        title: '添加分类',
        area: ['500px', '300px'],
        content: `

        <div class="YY">   <div class="o">分类名称</div>
         <input type="text" class='yck' placeholder='请求分类名'></div>
     
         <div class="YY">   <div class="o">图片class</div>
         <input type="text" class='yck' placeholder='请输入class名'></div>
         <div class="YY">   <div class="o">排序大小</div>
        
         <button class="layui-btn an1">+</button>
         <input type="text" name="" id="" value="10" class="ga" >
         <button class="layui-btn an2">-</button>
         </div>
       

        `
      });


    })
  </script>



  <script src="./１/tag.js"></script>

</html>